<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>公安厅交通警察总队互联网交通安全服务管理平台</title>
    <meta http-equiv="pragma" content="no-cache"/>
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate"/>
    <meta http-equiv="expires" content="0"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <!--<link rel="icon" href="/favicon.ico" type="image/x-icon" />-->
    <!--<link rel="shortcut icon" href="/favicon.png" type="image/x-icon" />-->
    <link href="https://static.122.gov.cn/V1.19.3/static/css/bootstrap.min.css" rel="stylesheet" media="screen"/>
    <link href="https://static.122.gov.cn/V1.19.3/static/css/font-awesome.min.css" rel="stylesheet"/>
    <!--[if IE 7]>
    <link href="https://static.122.gov.cn/V1.19.3/static/css/font-awesome-ie7.min.css" rel="stylesheet">
    <![endif]-->
    <link href="https://static.122.gov.cn/V1.19.3/static/css/main.css" rel="stylesheet" media="screen"/>
    <link href="https://static.122.gov.cn/V1.19.3/static/css/docs.css" rel="stylesheet" media="screen"/>
    <link href="https://static.122.gov.cn/V1.19.3/static/css/new.css" rel="stylesheet" media="screen"/>

    <link type="text/css" rel="stylesheet"
          href="https://static.122.gov.cn/V1.19.3/static/jsthird/artDialog/skins/blue.css?1.5.0_20200805"/>
    <link href="https://static.122.gov.cn/V1.19.3/static/css/bootstrap-datetimepicker.min.css" rel="stylesheet"
          type="text/css" media="screen"/>
</head>
<body style="" class="modal-open">
<div class="" style="display: none; position: absolute;">
    <div class="aui_outer">
        <table class="aui_border">
            <tbody>
            <tr>
                <td class="aui_nw"></td>
                <td class="aui_n"></td>
                <td class="aui_ne"></td>
            </tr>
            <tr>
                <td class="aui_w"></td>
                <td class="aui_c">
                    <div class="aui_inner">
                        <table class="aui_dialog">
                            <tbody>
                            <tr>
                                <td colspan="2" class="aui_header">
                                    <div class="aui_titleBar">
                                        <div class="aui_title" style="cursor: move; display: block;"></div>
                                        <a class="aui_close" href="javascript:/*artDialog*/;"
                                           style="display: block;">×</a></div>
                                </td>
                            </tr>
                            <tr>
                                <td class="aui_icon" style="display: none;">
                                    <div class="aui_iconBg" style="background: none;"></div>
                                </td>
                                <td class="aui_main" style="width: auto; height: auto;">
                                    <div class="aui_content" style="padding: 20px 25px;"></div>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" class="aui_footer">
                                    <div class="aui_buttons" style="display: none;"></div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </td>
                <td class="aui_e"></td>
            </tr>
            <tr>
                <td class="aui_sw"></td>
                <td class="aui_s"></td>
                <td class="aui_se" style="cursor: se-resize;"></td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
<div class="header">


    <object id="mTokenPlugin" type="application/x-mtokenplugin" width="0" height="0" class="hide" style="display:none;">
        <param value="pluginLoaded">
    </object>
    <style>
        .row-fluid [class*="span"] {
            margin-left: 0 !important;
        }

        .main-nav a {
            padding-bottom: 14px;
            padding-top: 14px;
        }

        .valcode {
        + width: 110 px !important;
        }

        #_umfp {
            display: inline;
            width: 1px;
            height: 1px;
            overflow: hidden;
        }

        #toptool {
            height: auto;
            position: relative;
            z-index: 99;
            border-bottom: 1px solid #1d53b5;
        }

        .header_body {
            height: auto;
            background: #0D419D;
            z-index: 9;
        }
    </style>
    <div style="display: none">
        <div id="_umfp"></div>
    </div>
    <div id="toptool" class="top-nav row-fluid">
        <div class="container">
            <input type="hidden" value="FFFF00000000017811F5" id="appKey">
            <input type="hidden" value="FFFF00000000017811F5:1604647128216:0.04136744114791002" id="aliToken">
            <div class="span12" style="min-height: 0;">
                <div class="dropdown area"><a class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown"
                                              data-target="#" href="javascript:void(0);"> 切换公安交通管理部门: <span
                        class="district" id="district-name">${provinceName}</span> <b class="caret"></b> </a>
                    <ul id="areaswitch" class="dropdown-menu" role="menu" aria-labelledby="dLabel"
                        style="z-index: 99;position: absolute">
                    </ul>
                </div>
                <div class="login-pane ulogined ">
                    <button onclick="location.href = 'https://gab.122.gov.cn/eapp/netLogout?service=https%3A%2F%2Fhn.122.gov.cn%2Fuser%2Flogout';"
                            class="btn btn-mini">退出
                    </button>
                </div>
                <div class="login-pane ulogined">
                    <button onclick="location.href = '/views/memstu/';" class="btn btn-mini"><span class="user-center">我的主页</span>[${studentName}]
                    </button>
                </div>
            </div>
        </div>
    </div>
    <div class="header_body">
        <div class="container">
            <div class="row">
                <a class="span5 header-logo dpB fL cb" href="/" title="回到平台首页">
                    <i class="ui-header ico-logo dpIB fL"></i>
                    <span class="header-logo-middle fL" style="line-height: 38px;width: 300px;">交通安全综合服务管理平台</span>
                    <span class="header-logo-top fL" id="azdmc">${provinceName}公安厅交通警察总队</span><br>
                    <!--<span class="header-logo-bottom fL">https://hn.122.gov.cn</span>-->
                </a>
                <div id="mainnav" class="main-nav span7 taR">
                    <a href="/#/index" style="margin-left:5px">首页</a>
                    <a href="/#/ywbl">业务办理</a>
                    <a href="/#map">服务导航</a>
                    <a href="/#/notice">公告公布</a>
                    <a href="/#/inquiry">信息查询</a>
                    <a href="/#/app">APP下载</a>
                    <a href="/views/helpMain.html?type=/help" type="/help">办事指南</a>
                </div>
            </div>
        </div>
    </div>


</div>
<!-- HEADER END -->
<div class="container">
    <div class="span12" id="hello">


        <script type="text/javascript">
            function changeFwlx(fwlx) {
                window.location.href = "/m/page/mode/" + fwlx;
            }
        </script>


        <p style="padding-top: 1px;"> 您好，<span>${studentName}</span>。
            欢迎登录互联网交通安全综合服务管理平台！
        </p>
        <p></p>


    </div>
</div>
<div class="container member-main">
    <div class="row">
        <!-- sidebar begin -->
        <!-- sidebar end -->
        <div class="span2 user-sidebar" id="userSidebar">


            <!-- <div class="score">
                     <h3>我的记分</h3>
                     <p><span class="badge
                     badge-success
                     ">0</span></p>
             </div>
             <div class="score record">
                     <h3>未处理电子监控</h3>
                     <p><span class="badge
                     badge-success
                     ">0</span></p>
             </div>-->

            <ul class="nav nav-list" id="left-nav">
                <li id="sidebar_menu_1"><a href="/views/memstu/index.html"> <i style="font-size:18px;"
                                                                               class="icon-fixed-width icon-home"></i>
                    我的主页 </a></li>
                <li id="sidebar_menu_11"><a href="/m/showPageVeh"> <i style="font-size:18px;"
                                                                      class="icon-fixed-width icon-truck"></i> 机动车业务
                </a></li>
                <li id="sidebar_menu_21"><a href="/m/showPageDrv"> <i style="font-size:18px;"
                                                                      class="icon-fixed-width icon-list-alt"></i> 驾驶证业务
                </a></li>
                <li id="sidebar_menu_31"><a href="/views/memstu/violation.html"> <i style="font-size:18px;"
                                                                                    class="icon-fixed-width icon-camera"></i>
                    违法处理业务</a></li>
                <li id="sidebar_menu_7"><a href="/views/mempub/notice.html"> <i style="font-size:18px;"
                                                                                class="icon-fixed-width icon-bell"></i>
                    告知与提示</a></li>

                <li id="sidebar_menu_91"><a href="/views/memstu/usermgtstu.html"> <i style="font-size:18px;"
                                                                                     class="icon-fixed-width icon-user"></i>
                    用户信息管理</a></li>


                <!--<li > <a href="/views/member/addlicense.html?index=8"> <i style="font-size:18px;" class="icon-fixed-width icon-list-alt"></i> 绑定驾驶证 </a> </li>-->
                <!--<li > <a href="/views/member/addvehicle.html?index=9"> <i style="font-size:18px;" class="icon-fixed-width icon-truck"></i> 绑定机动车 </a> </li>-->
                <!--<li > <a href="/views/mempub/userpause.html?index=10"> <i style="font-size:18px;" class="ext-icon-password"></i> 暂停账户 </a> </li>-->
                <li id="sidebar_menu_92" class="active"><a href="/views/mempub/process.html"> <i style="font-size:18px;"
                                                                                                 class="ext-icon-process"></i>
                    网办进度 </a></li>
                <!--<li  > <a href="/views/mempub/phone.html?index=5"> <i style="font-size:18px;" class="ext-icon-phone"></i> 手机号码变更 </a> </li>-->
                <!--<li  > <a href="/views/mempub/password.html?index=6"> <i style="font-size:18px;" class="ext-icon-password"></i> 密码修改 </a> </li>-->
                <li id="sidebar_menu_99"><a href="/views/mempub/history.html"> <i style="font-size:18px;"
                                                                                  class="ext-icon-hisotory"></i> 操作日志
                </a></li>
            </ul>


        </div>
        <div class="span10">

            <link href="https://static.122.gov.cn/V1.20.3/static/css/tips/jq22.css" rel="stylesheet" media="screen">
            <div id="mem-content">
                <div class="mem-block">
                    <div class="mem-block-title gcBlue mb10">
                        <h3><i class="icon-server10 ico-color"></i>
                            网办进度
                            <!--<div id="back" style="display:none;">
                            <span class="fs14 c5">&nbsp;&nbsp;</span>
                                <button class="pull-right btn" id="procback" type="button" style="margin-top: 5px;"><i class="icon-chevron-left"></i>&nbsp;返回</button>
                            </div>-->
                        </h3>
                    </div>

                    <div id="searchHistory" style="padding-bottom: 10px">
                        <form class="form-inline" id="formsearch">
                            <label class="control-label">受理时间</label>
                            <div class="input-append date form_date" data-date="" data-date-format="yyyy-mm-dd"
                                 data-link-field="startTime" data-link-format="yyyy-mm-dd">
                                <input size="16" type="text" value="" readonly="" class="input-small">
                                <span class="add-on"> <i class="icon-th"></i>
								</span>
                                <input type="hidden" id="startTime" value="2020-05-01">
                            </div>
                            &nbsp;至&nbsp;
                            <div class="input-append date form_date" data-date="" data-date-format="yyyy-mm-dd"
                                 data-link-field="endTime" data-link-format="yyyy-mm-dd">
                                <input size="16" type="text" value="" readonly="" class="input-small">
                                <span class="add-on">
									<i class="icon-th"></i>
								</span>
                                <input type="hidden" id="endTime" value="2020-11-06">
                            </div>
                            <label class="control-label">业务流水号</label>
                            <input class="input-medium" id="wwlsh" type="text">

                            <label class="control-label">业务状态</label>
                            <select id="ztfl" class="input-small">
                                <option value=""></option>
                                <option value="1">受理中</option>
                                <option value="2">已办结</option>
                                <option value="3">已取消</option>
                            </select>

                            <button type="button" class="btn btn-primary" id="processSearch">
                                <i class="icon-search"></i>
                                查询
                            </button>
                        </form>
                        <!--<div class="form-actions">-->
                        <!--<button type="button" class="btn btn-primary" style="margin-left:160px;" id="processSearch">-->
                        <!--<i class="icon-search"></i>-->
                        <!--查询-->
                        <!--</button>-->
                        <!--</div>-->
                    </div>

                    <div id="tableContent" class="">
                        <div class="mem-block" id="processList">
                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th>业务流水号</th>
                                    <th width="150">申请时间</th>
                                    <th width="180">业务名称</th>
                                    <th width="150">网办进度</th>
                                    <th width="150">详情</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>${process.wwlsh}</td>
                                    <td>${process.sqsj}</td>
                                    <td>${process.ywmc}</td>
                                    <td>${process.ywztStr}</td>
                                    <td><a data="243002008185210672" data1="02" data-lsh="2190315334563"
                                           data-gnid="2016" class="drvprocessdetail btn"><i class="icon-search"></i>&nbsp;详细</a>
                                        <a class="evaluate btn" data="243002008185210672"> <i class="icon-comment"></i>&nbsp;评价</a>
                                    </td>
                                </tr>
                                <tr style="display: none" data-wwlsh="243002008185210672" class="comment-tr"></tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div id="place">
                        <style>
                            .input-large {
                                width: 450px
                            }

                            #modal-content {
                                margin: 5px;
                                border: 0;
                                padding: 0;
                            }
                        </style>
                        <div id="detail" class="modal hide in"
                             style="width: 750px; top: 1%; max-height: 95%; display: block;" tabindex="-1" role="dialog"
                             aria-labelledby="myModalLabel" aria-hidden="false">
                            <div class="modal-header" style="background-color: #114ec9">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                <h3><span style="color: #ffffff"><b>业务详情</b></span></h3>
                                <!--<a class="aui_close" href="javascript:/*artDialog*/;" style="display: block">×</a>-->
                            </div>
                            <div class="modal-body" id="modal-content" style="min-height: 460px;">
                                <div class="tab-content" style="padding: 0 0;">
                                    <div id="processVioList" class="tab-pane fade active in">
                                        <table width="100%" border="0" cellspacing="0" cellpadding="0"
                                               class="table _fullBorder _data api-illegalrecord">
                                            <tbody>
                                            <tr>
                                                <th width="80">业务流水号</th>
                                                <td><span id="wwlsh">${process.wwlsh}</span></td>
                                                <th width="80">业务名称</th>
                                                <td><span id="ywmc"></span>${process.ywmc}</td>
                                            </tr>
                                            <tr>
                                                <th>申请时间</th>
                                                <td><span id="sqsj">${process.sqsj}</span></td>
                                                <th>网办进度</th>
                                                <td><span id="ywzt">${process.ywztStr}</span></td>
                                            </tr>
                                            <tr>
                                                <th>考试科目</th>
                                                <td><span>${claim.examItem}</span></td>
                                                <th>准驾车型</th>
                                                <td><span>${student.admitCarType}</span></td>
                                            </tr>
                                            <tr>
                                                <th>考试日期</th>
                                                <td><span>${claim.examDateString}</span></td>
                                                <th>考试场地</th>
                                                <td><span>${claim.examAddr}</span></td>
                                            </tr>
                                            <tr>
                                                <th>考试场次</th>
                                                <td><span>${claim.examNumber}</span></td>
                                                <th>操作</th>
                                                <td><span>----</span></td>
                                            </tr>
                                            </tbody>
                                        </table>
                                        <div class="step" style="margin: 40px 0 40px 0;">
                                            <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                                <tbody>
                                                <tr>
                                                    <td style="width: 50%;">
                                                        <div class="step_finished step-begin"><h6>第1步</h6> <span
                                                                class="status"><i
                                                                class="icon-ok icon-white"></i>...</span>
                                                            <p>提交申请</p>
                                                            <div class="blue_bar"></div>
                                                        </div>
                                                    </td>
                                                    <td style="width: 50%;">
                                                        <div class="step_active step-end"><h6>第2步</h6> <span
                                                                class="status"><i
                                                                class="icon-ok icon-white"></i>...</span>
                                                            <p>办理完成</p>
                                                            <div class="blue_bar"></div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                            <div class="step_bg" style="width: 50%; margin-left: -25%;"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer" id="modal-footer">
                                <button class="btn" data-dismiss="modal" id="closebtn" aria-hidden="true">关闭</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <form action="" method="post" id="payForm" target="_blank">
                <input type="hidden" name="reqdata" id="reqdata" value="">
                <input type="hidden" name="siteCode" id="siteCode" value="">
                <input type="hidden" name="version" id="version" value="">
                <input type="hidden" name="charset" id="charset" value="">
                <input type="hidden" name="transacCode" id="transacCode" value="">
                <input type="hidden" name="signature" id="signature" value="">
                <input type="hidden" name="deviceType" id="deviceType" value="">
            </form>
            <form action="" method="post" id="roamingPayForm" target="_blank">
                <input type="hidden" name="gnid" id="gnid" value="">
                <input type="hidden" name="wwlsh" id="payWwlsh" value="">
            </form>
            <!-- Require JS start -->

        </div>

    </div>
</div>


<style>
    .valcode {
    + width: 110 px !important;
    }

    #footUrl a {
        display: block;
        float: left;
        width: 14%;
        color: #85ACD7;
        font-size: 18px;
        text-align: center;
    }

    .br {
        border-right: 1px solid #979797;
    }

    .br.active {
        color: #fff !important;
    }

    #gabaId {
        display: inline-block;
        text-decoration: none;
        height: 20px;
        line-height: 20px;
        margin-left: 10px;
    }

    #gabaId #batb {
        float: left;
        margin-right: 5px;
    }

    #wzbsFlag {
        text-align: left;
        position: absolute;
        right: 20px;
        top: 65px;
        width: 380px
    }

    #wzbsFlag .bc {
        position: absolute;
        top: 6px;
        left: 105px;
    }

    #wzbsFlag .dzjgurl {
        position: absolute;
        left: 25px;
        top: -5px;
    }

    #wzbsFlag .jtaqwfb {
        width: 70px;
        position: absolute;
        right: -10px;
    }

    #wzbsFlag .gabjtkys2 {
        width: 70px;
        position: absolute;
        right: 75px;
    }

    .footContainer {
        position: relative;
    }

    #bah {
        color: #fff;
        text-decoration: underline;
    }
</style>
<div style="background: #0d419d;padding: 25px;color: #fff">
    <div class="container footContainer">
        <div class="span12" style="margin: 0;" id="footUrl">
            <div style="width: 112%;margin-left: -6%;">
                <a href="/#/index" class="br">首页</a>
                <a href="/#/ywbl" class="br">业务办理</a>
                <a href="/#/map" class="br">服务导航</a>
                <a href="/#/notice" class="br">公告公布</a>
                <a href="/#/inquiry" class="br">信息查询</a>
                <a href="/#/app" class="br">APP下载</a>
                <a href="/views/helpMain.html?type=/help" type="/help">办事指南</a>
            </div>
        </div>
        <p style="margin-top: 46px;margin-bottom: 7px">
            建议您使用IE9+、FireFox、Google Chrome，分辨率1280*800及以上浏览本网站，获得更好用户体验。
        </p>
        <p>
            版权所有 © 2015-2019 公安机关交通管理部门官方发布 <span id="footversion">V1.20.3</span>
        </p>
        <p style="margin-top: 15px">
            <a href="http://www.miibeian.gov.cn/" target="_blank" id="bah">苏ICP备06012607号-2</a>
            <a target="_blank" style="color: #85ACD7"
               href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32021102000598" id="gabaId">
                <img id="batb" src="https://static.122.gov.cn/V1.20.3/static/img/batb.png">苏公网安备 32021102000598号</a>
        </p>
        <div class="span2" id="wzbsFlag">
            <div class="bc">

            </div>
            <div class="dzjgurl">
                <script type="text/javascript">document.write(unescape("%3Cspan id='_ideConac' %3E%3C/span%3E%3Cscript src='http://dcs.conac.cn/js/19/000/0000/60891151/CA190000000608911510001.js' type='text/javascript'%3E%3C/script%3E"));</script>
                <span id="_ideConac"></span>
                <script src="http://dcs.conac.cn/js/19/000/0000/60891151/CA190000000608911510001.js"
                        type="text/javascript"></script>
            </div>
            <img class="jtaqwfb" src="https://static.122.gov.cn/V1.20.3/static/css/images/jtaqwfb.jpg">
            <img class="gabjtkys2" src="https://static.122.gov.cn/V1.20.3/static/css/images/gabjtkys2.jpg">
        </div>
    </div>
</div>

<a id="feedbak" title="信息反馈" style="text-decoration:none;" target="feed_window" href="/m/showFeedBack"> <i
        class="icon-edit"></i> </a>
<div id="gotop" title="回到顶部"><i class="icon-arrow-up"></i></div>
<div class="modal-backdrop  in"></div>
</body>
</html>